<template>
  <div class="wrapper">
    <homeHeader></homeHeader>
    <homeSwipei></homeSwipei>
    <homeIcons></homeIcons>
    <homeRecommend></homeRecommend>
  </div>
</template>

<script>
import homeHeader from './components/homeHeader.vue'
import homeSwipei from './components/homeSwiper.vue'
import homeIcons from './components/homeIcons.vue'
import homeRecommend from './components/homeRecommend'


export default {
  setup () {

  },
  components: {
    homeHeader,
    homeSwipei,
    homeIcons,
    homeRecommend
  }
}
</script>

<style lang="scss" scoped>
.wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0.5rem;
  // background: turquoise;
  padding: 0 0.18rem;
}
</style>